<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<!-- Begin Head -->

<head>
    <title>图书管理系统 - 个人中心</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <link rel="Shortcut Icon" th:href="@{/static/picture/book.ico}" type="image/x-icon"/>
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/fonts.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/font-awesome.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/icofont.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/style.css}">
    <link rel="stylesheet" id="theme-change" type="text/css" href="">
</head>

<body>
<div th:replace="template.html::loading"></div>
<!-- Main Body -->
<div class="page-wrapper">
    <!-- Header Start -->
    <div th:replace="template.html::header"></div>
    <!-- Sidebar Start -->
    <div th:replace="template.html::aside"></div>
    <!-- Container Start -->
    <div class="page-wrapper">
        <div class="main-content">
            <!-- Page Title Start -->
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="page-title-wrapper">
                        <div class="page-title-box">
                            <h4 class="page-title">更改个人信息</h4>
                        </div>
                        <div class="breadcrumb-list">
                            <ul>
                                <li class="breadcrumb-link">
                                    <a th:href="@{/page/user/index}"><i class="fas fa-home mr-2"></i>首页</a>
                                </li>
                                <li class="breadcrumb-link active">更改个人信息</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- From Start -->
            <div class="from-wrapper">
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>更改个人信息</h4>
                                <p class="card-desc">请在下方修改个人信息</p>
                            </div>
                            <div class="card-body">
                                <form class="separate-form" method="post" th:action="@{/api/user/person}">
                                    <input type="hidden" th:value="${user.getSid()}" name="sid">
                                    <input type="hidden" th:value="${user.getUid()}" name="uid">
                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="row">
                                            <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <label for="username" class="col-form-label">用户名</label>
                                                    <input class="form-control" type="text" name="username"
                                                           id="username" th:value="${user.getUsername()}" disabled>
                                                </div>
                                            </div>
                                            <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12">
                                                性别<div class="form-group">
                                                    <input type="radio" name="sex" th:value="男" id="boy" checked>
                                                    <label for="boy" th:label="男"></label>
                                                    <input type="radio" name="sex" th:value="女" id="girl">
                                                    <label for="girl" th:label="女"></label>
                                                </div>
                                            </div>
                                            <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <label for="grade" class="col-form-label">年级</label>
                                                    <input class="form-control" type="number" name="grade" id="grade"
                                                           th:value="${user.getGrade()}">
                                                </div>
                                            </div>
                                            <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12">
                                                <div class="form-group">
                                                    <label for="price" class="col-form-label">密码</label>
                                                    <input class="form-control" type="password" id="price"
                                                           name="password" th:value="${user.getPassword()}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group mb-0">
                                            <button class="btn btn-primary" type="submit">提交</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div th:replace="template.html::footer"></div>
        </div>
    </div>
</div>

<!-- Color Setting -->
<div th:replace="template.html::colorSetting"></div>
<!-- Color Setting -->

<!-- Script Start -->
<script th:src="@{/static/js/jquery.min.js}"></script>
<script th:src="@{/static/js/popper.min.js}"></script>
<script th:src="@{/static/js/bootstrap.min.js}"></script>
<script th:src="@{/static/js/swiper.min.js}"></script>
<script th:src="@{/static/js/apexcharts.min.js}"></script>
<script th:src="@{/static/js/control-chart-apexcharts.js}"></script>
<!-- Page Specific -->
<script th:src="@{/static/js/nice-select.min.js}"></script>
<!-- Custom Script -->
<script th:src="@{/static/js/custom.js}"></script>
</body>

</html>